<div style="text-align: center;">
    <ul id="pagination" class="pagination"></ul>
</div>
<script type="text/javascript">
    $(function(){
        /*
            使用jQueryform修改模态框的提交方式-ajax方式
            设置提交方式必须在设计提交表单之前
         */
        $("#editForm").ajaxForm(function(data) {
            //操作成功刷新界面
            if (data.success) {
                location.reload();
            } else {
                //操作失败,提交用户错误信息
                $.messager.alert("温馨提示", data.msg);
            }
        });

        //模态框的表单提交
        $(".submitBtn").click(function() {
            $("#editForm").submit();
        });

        $("#pagination").twbsPagination({
            //这里填充数据使用的是PageInfo
            startPage: ${pageInfo.pageNum} || 1,
            totalPages: ${pageInfo.pages} || 1,
            visiblePages: 5,
            first:"首页",
            prev:"上页",
            next:"下页",
            last:"尾页",
            onPageClick: function(event, page){
                //讲当前页设置page值
                $("#currentPage").val(page);
                //表单提交
                $("#searchForm").submit();
            }
        });

        //点击删除按钮的时候,先弹出提示框,点击OK的时候才发生ajax请求到后台执行删除的操作
        $(".deleteBtn").click(function() {
            var url = $(this).data("url");
            $.messager.confirm("温馨提示", "亲,您确定要删除吗?", function() {
                //发生ajax请求去执行删除操作
                $.get(url, function(data) {
                    location.reload();
                });
            });
        });
    });
</script>